/*main css*/

body{
    background: url("../images/back.jpg");
    margin: 0;
    padding: 0;
}
.banner{
    background-color: gold;
    width: auto;
    height: 8em;
    box-shadow: 1px 1px 40px 10px #aaaaaa;
    text-align: center;
    padding: 1em;
    border-radius: 0em 0em 5em 5em;

}
.banner span{
    margin: auto;
    margin-top: 10em;
    padding: 0.3em;
    font-size: 7em;
    color: aliceblue;
    text-shadow: 0.1em 0.1em 0.3em rgba(0,0,0,.6);
    font-family: 'ZCOOL QingKe HuangYou', cursive;
    //background-color: rgba(0,0,0,.1);
    //box-shadow: 0.1em 0.1em 1em rgba(0,0,0,.2);
    border-radius: 0.5em;
    width: auto;
}
.main{
    margin: auto;
    margin-top:10em;
    margin-bottom:20em;
    padding: 0;
    width:80%;
    margin-left:10%;
    text-align: center;
}
.main span{
    background-color: rgba(0,0,0,.5);
    margin:auto;
    padding: 0.3em;
    font-size: 5em;
    color: aliceblue;
    text-shadow: 0.1em 0.1em 0.3em rgba(0,0,0,.6);
    font-family: 'ZCOOL QingKe HuangYou', cursive;
    //background-color: rgba(0,0,0,.1);
    //box-shadow: 0.1em 0.1em 1em rgba(0,0,0,.2);
    border-radius: 0.5em;
    width: auto;
}
.user{
    background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
    margin:auto;

    margin-bottom:.5em;
    padding: 0.3em;
    font-size: 5em;
    color: aliceblue;
    text-shadow: 0.1em 0.1em 0.3em rgba(0,0,0,.6);
    font-family: 'ZCOOL QingKe HuangYou', cursive;
    //background-color: rgba(0,0,0,.1);
    box-shadow: 0.1em 0.1em .5em rgba(0,0,0,.2);
    border-radius: 0.5em;
    min-width:10em;
    width:30%;
    text-align: center;
}
input{
    background-color: #EEEEEE;
    padding: 1em;
    //margin: auto;

    margin-left: 0;
    border: 0;
    border-radius: 2em;
    width: 80%;
    //height: 30em;
    box-shadow: 10px 10px 50px 1px #AAAAAA;
    color: #000000;
    font-family: 'ZCOOL QingKe HuangYou', cursive;
    font-size: 3em;
    outline: 0px;
}

input:focus{
    background-color: rgba(240,240,240,.7);
    box-shadow: 0 0 0 0.2em rgba(0, 0, 0, 0.45)
}
button{
    min-width:5em;
    margin-top: 1em;
    margin-left: 5%;
    padding: 0.2em;
    width: 10%;
    font-size: 4em;
    color: rgba(255,255,255,1);
    border-radius: 0.5em;
    font-family: 'ZCOOL QingKe HuangYou', cursive;
    border: 0;
    outline: 0px;
    background-color: gold;
    box-shadow: 0.1em 0.1em 1em rgba(0,0,0,.2);
    text-shadow: 3px 3px 0.1em rgba(0,0,0,.6);
}
button:hover{
    background: rgba(135,155,255,.8);
    cursor:pointer;
}
button:active{
    box-shadow: -0.1em -0.1em 1em rgba(0,0,0,.5);
}